
<!DOCTYPE html>
<html>
<head>
<title>Facebook Login JavaScript Example</title>
<meta charset="UTF-8">


</head>
<body>
	<script>
		window.addEventListener('message', function(e) {
			//console.log(e.data);
			if (e.data.indexOf('hello') > -1)
				console.log("ISHUUUUUUUUUUUUUUUUUUUUUUUUU");
			//	var i=0;
		});
		var time=  localStorage.getItem("time");
		var currDate = new Date();
	    var currTime = currDate.getTime();
		if((currTime-time)<60*1000)
			{
			var storeName= localStorage.getItem("user");
			var storeFriends= localStorage.getItem("friends");
			window.parent.postMessage(storeFriends, '*');
			window.parent.postMessage(' user=' + storeName, '*');
			}
	
		var name = '';
		// This is called with the results from from FB.getLoginStatus().
		function statusChangeCallback(response) {
			console.log('statusChangeCaldslback');
			console.log(response);
			// The response object is returned with a status field that lets the
			// app know the current login status of the person.
			// Full docs on the response object can be found in the documentation
			// for FB.getLoginStatus().
			if (response.status === 'connected') {
				// Logged into your app and Facebook.
				loginstatus(1);
				user();
				testAPI();
			} else if (response.status === 'not_authorized') {
				// The person is logged into Facebook, but not your app.
				console.log('Please log  into this app.');
				loginstatus(0);
			} else {
				// The person is not logged into Facebook, so we're not sure if
				// they are logged into this app or not.
				console.log('Please log  into this fb.');
				loginstatus(-1);
			}
		}

		// This function is called when someone finishes with the Login
		// Button.  See the onlogin handler attached to it in the sample
		// code below.
		function checkLoginState() {
			FB.getLoginStatus(function(response) {
				statusChangeCallback(response);
			});
		}

		window.fbAsyncInit = function() {
			FB.init({
				appId : '818496498172166',
				cookie : true, // enable cookies to allow the server to access
				// the session
				xfbml : true, // parse social plugins on this page
				version : 'v2.1' // use version 2.1
			});

			// Now that we've initialized the JavaScript SDK, we call
			// FB.getLoginStatus().  This function gets the state of the
			// person visiting this page and can return one of three states to
			// the callback you provide.  They can be:
			//
			// 1. Logged into your app ('connected')
			// 2. Logged into Facebook, but not your app ('not_authorized')
			// 3. Not logged into Facebook and can't tell if they are logged into
			//    your app or not.
			//
			// These three cases are handled in the callback function.

			FB.getLoginStatus(function(response) {
				statusChangeCallback(response);
			});

		};

		// Load the SDK asynchronously
		var x = document.getElementsByTagName("body");
		var g = document.createElement('script');
		var s = document.getElementsByTagName('body')[0];
		g.src = "//connect.facebook.net/en_US/sdk.js";
		g.id = 'facebook-jssdk';
		document.body.appendChild(g);

		// Here we run a very simple test of the Graph API after login is
		// successful.  See statusChangeCallback() for when this call is made.
		function testAPI() {

			FB.api('/me/friends', function(response) {

				var frnds = '[';

				for (var i = 0; i < response.data.length; i++) {
					var names = response.data[i].name.split(' ');
					if (i == 0) {
						frnds = frnds + '\"' + names[0] + '\"';
					}
					frnds = frnds + ',\"' + names[0] + '\"';
				}
				frnds = frnds + ']';
				frnds = '\"friends\":' + frnds;
				window.parent.postMessage(frnds, '*');
				var d = new Date();
			    var n = d.getTime();
			    localStorage.setItem("friends", frnds);
			    localStorage.setItem("time", n);
				
			});
		}
		function user() {

			FB.api('/me', {
				fields : 'first_name'
			}, function(response) {
				console.log(response.first_name);
				window.parent.postMessage(' user=' + response.first_name, '*');
				var d = new Date();
			    var n = d.getTime();
				 localStorage.setItem("user", response.first_name);
				     
			});

		}
		function loginstatus(status) {

			window.parent.postMessage(' status=' + status, '*');
		}
	</script>

	<!--
	  Below we include the Login Button social plugin. This button uses
	  the JavaScript SDK to present a graphical Login button that triggers
	  the FB.login() function when clicked.
-->
	v bi m awesomesss
	<fb:login-button scope="public_profile,email,user_friends"
		onlogin="checkLoginState();">
	</fb:login-button>
	<button onclick="friends();">friends</button>
	<div id="status"></div>

</body>
</html>